import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
        // 开发模式下使用expanded输出格式（不压缩）
        outputStyle: 'expanded',
      },
    },
    // 禁用CSS模块生成CSS文件
    modules: false,
    devSourcemap: true,
  },
  build: {
    // 生产模式下压缩CSS
    cssMinify: true,
    // 配置rollup选项阻止CSS文件输出
    rollupOptions: {
      output: {
        // 禁止生成CSS文件
        assetFileNames: (assetInfo) => {
          if (assetInfo.name && assetInfo.name.endsWith('.css')) {
            return ''; // 返回空字符串阻止CSS文件生成
          }
          return 'assets/[name]-[hash][extname]';
        }
      }
    }
  },
})
